#{set 'moreStyles'}
    <link rel="stylesheet" href="@{'/public/stylesheets/style_main.css'}">
    <link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui-1.7.3.custom.css'}">
    <script src="@{'/public/javascripts/disponibilidad.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-1.6.4.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-1.3.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-ui-1.7.3.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
#{/set}

#{extends 'main.html' /}
#{set title:'Modificar Semestre Académico' /}

<script>
     /**
       * Funcion para llamar al cuadro de calendario
      */
    $(function() {
            $( ".fecha" ).datepicker();
    });

    function sonFechasValidas(pregunta){ 
       // if(validarCampo(document.getElementById('nombreSemestre'))){
          if(esFechaValida(document.getElementById('fechaInicio').value)){
              if(esFechaValida(document.getElementById('fechaFin').value)){
                  confirmacion(pregunta);
              }
          }
        //}
    }

</script>
<div id="page">
    
    <div id="header">
        <div id="headerTitle">&nbsp;</div>
        <div id="headerSubText">&nbsp;</div>

    </div>
    <div id="bar">
        
        <div class="navLink"><a href="index.html">Inicio</a></div>
        <div class="navLink"><a href="index.html">Mi perfil</a></div>
        <div class="navLink"><a href="index.html">Lista de Docentes</a></div>
        <div class="navLink"><a href="index.html">Configuraci&oacute;n</a></div>

    </div>

    <div class="contentText">
        <p>&nbsp;</p>
        <form name="formulario" action="@{AperturarCiclo.actualizarSemestre()}" class="formulario" method="POST">
        <table width="520" border="0"  >
            <tr>
                <td align="center" colspan="7" style="color: blue; font-weight: bold"  >MODIFICAR SEMESTRE ACAD&Eacute;MICO</td>
            </tr>
            <tr>
                <td width="60"></td>
                <td width="90" style="font-weight: bold" >SEMESTRE :</td>
                <td colspan="4"  ><input type="text" id="nombreSemestre" name="semestre.sem_vcNombre" value="${semestre.getSem_vcNombre()}"></td>
                <td colspan="3" align="center" >&nbsp;</td>
            </tr>
            <tr>
                <td width="60"></td>
                <td width="90" style="font-weight: bold" >INICIO :</td>
                <td colspan="1"  ><input type="text" class="fecha" id="fechaInicio" name="semestre.sem_datFechaInicio" value="${semestre.getInicio()}"/></td>
                <td colspan="4" align="center" >&nbsp;</td>
            </tr>
            <tr>
                <td colspan="1" align="center" >&nbsp;</td>
                <td width="90" style="font-weight: bold"  >FINALIZA :</td>
                <td colspan="1" ><input type="text"  class="fecha" id="fechaFin" name="semestre.sem_datFechaFin" value="${semestre.getFin()}" /></td>
                <td colspan="4" align="center" >&nbsp;</td>
            </tr>
            <tr>
                <td colspan="7" align="center">
                    #{if mensaje}
                        <span>${mensaje}</span>
                    #{/if}
                </td>
            </tr>

            <tr>
                
                        <td colspan="7" align="center" ><input type="button" onclick="sonFechasValidas('¿Esta seguro de actualizar?');"  value="Actualizar"/> <input type="button" onclick="regresarIndexSemestre()" value="Regresar" /> </td>
                  
            </tr>
            <tr>
                <td colspan="2" >&nbsp;<input type="hidden" name="id" value="${semestre.getId()}"></td>
            </tr>
        </table>
        </form>
        <p>&nbsp;</p>

    </div>
</div>
<div id="footer"><a href="http://www.unmsm.edu.pe">Copyright</a> | <a href="http://www.unmsm.edu.pe">Universidad Nacional Mayor de San Marcos</a> |Ing. Software</a> | </div>
